<template>
    <div>
                <Form :model="formItem" :label-width="118">
                    <FormItem label="病种">
                        <Select v-model="formItem.select" style="width:200px" >
                            <Option value="白癜风">白癜风</Option>
                            <Option value="皮杂">皮杂</Option>
                            <Option value="非白">非白</Option>
                        </Select>
                    </FormItem>
                    <FormItem label="病史">
                        <Input v-model="formItem.desc" type="textarea" placeholder="请输入" />
                    </FormItem>
                    <FormItem label="部位">
    <Select v-model="model" multiple style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>
                    </FormItem>
                    <FormItem label="发病时间">
                        <DatePicker :editable="false" type="date" placeholder="发病日期" style="width: 200px"></DatePicker>
                    </FormItem>
                    <FormItem label="是否有遗传病史">
                            <RadioGroup v-model="Group">
        <Radio label="是"></Radio>
        <Radio label="否"></Radio>
    </RadioGroup>
                    </FormItem>
                    <FormItem label="治疗情况">
                        <Row :gutter="12">
                        <Col span="6">
                        <Input v-model="formItem.input" placeholder="请输入医院" />
                        </Col>
                         <Col span="6">
                        <Input v-model="formItem.input" placeholder="周期">
                        <span slot="append">天</span>
                        </Input>
                        </Col>
                        <Col span="6">
                        <Input v-model="formItem.input" placeholder="请输入治疗方案" />
                        </Col>
                        <Col span="4">
                        <Button type="primary">+</Button>
                        </Col>
                        </Row>
                    </FormItem>
                </Form>
                        <FooterToolbar>
                                    <Button type="primary">保存</Button>
                        <Button style="margin-left: 8px">重置</Button>
        </FooterToolbar>
    </div>
</template>
<script>
    export default {
        name: 'case',
        data () {
            return {
                Group: '否',
                formItem: {
                    input: '',
                    select: '',
                    radio: '未接通',
                    radios: '微信',
                    checkbox: [],
                    date: '',
                    date1: '',
                    time: '',
                    desc: '',
                    textarea: ''
                },
                cityList:[
                    {
                        value:'头部',
                        label: '头部'
                    },
                    {
                        value: '脚部',
                        label: '脚部'
                    }
                ],
                model: []
            };
        }
    };
</script>
